/*  

	XOOPS Cube Legacy 
    http://xoopscube.org  */


/*------------------------------------------------------- BODY LAYOUT */


* {margin:0;padding:0;}

body {
	background:#000 url(images/xcl_enlight.jpg) top center no-repeat;
	margin:0;
	padding-top:270px;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B8BFCA;
	text-align:center;
}


/*------------------------------------------------------- HEADER */

#header {
	height:80px;
	margin-top: 20px;
	padding: 0;
}

/*------------------------------------------------------- DOCK TOP */

.dock {
	position: relative;
	height: 50px;
	text-align: center;
}

.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}

a.dock-item {
	display: block;
	width: 40px;
	color: #ccc;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
}

.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

.dock-item span {
	display: none; 
	padding-left: 20px;
}

/*------------------------------------------------------- SEARCH */
	
	
/* column container */
.colmask {
	background:url(images/xcl_enlight_body.jpg) top center no-repeat;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/
	width:960px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin:0 auto;
	text-align:left;
}
	
/* holy grail 3 column settings */
.holygrail {
/* Add here Right column background colour */
}
    
	.holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-180px; 	/* Width of right column */
        position:relative;
        right:100%;
        /* Centre column background colour */
    }
    
	.holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:360px;         	/* Left column width + right column width */
        /* Add here Left column background colour */
    }
    
	.holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:180px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	
	.holygrail .col1 {
        margin:0 190px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    
	.holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
		padding-top:30px;		/* Padding Top to match backgroung image */
        position:relative;
        right:5px;         		/* Width of the left-hand side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
		padding-top:30px;		/* Padding Top to match backgroung image */
        position:relative;
        left:50%;
    }


/*------------------------------------------------------- MODULE CONTENT */

#content 
	{
	padding-bottom:10px;
	}

	
/*------------------------------------------------------- FOOTER CREDITS */

#footerbar 
	{
	clear:both;
	font-size:0.9em;
	line-height:2em;
	margin: 0;
	padding: 8px 200px;
	text-align: center;
	}

#footerbar span 
	{ 
	float:right;
	}